import { BasicColumn } from '/@/components/Table';
import { FormSchema } from '/@/components/Table';
import { rules } from '/@/utils/helper/validator';
import { render } from '/@/utils/common/renderUtils';
import { getWeekMonthQuarterYear } from '/@/utils';
import {h} from "vue";
//列表数据
export const columns: BasicColumn[] = [
  // {
  //   title: '创建日期',
  //   align: 'center',
  //   dataIndex: 'createTime',
  //   customRender: ({ text, record }) => {
  //     text = !text ? '' : text.length > 10 ? text.substr(0, 10) : text;
  //     const bgColor = record.isPay === '是' ? 'black' : 'black';
  //     return h('div', { style: { color: bgColor } }, text);
  //   },
  //   // customRender: ({ text }) => {
  //   //   text = !text ? '' : text.length > 10 ? text.substr(0, 10) : text;
  //   //   return text;
  //   // },
  // },
  {
    title: '创建日期',
    align: 'center',
    dataIndex: 'id',
    customRender: ({ text, record }) => {
      let displayText = '';
      if (text) {
        // 取前8位
        const dateStr = text.length >= 8 ? text.substr(0, 8) : text;
        // 格式化为 yyyy/mm/dd
        if (dateStr.length === 8) {
          const year = dateStr.substr(0, 4);
          const month = dateStr.substr(4, 2);
          const day = dateStr.substr(6, 2);
          displayText = `${year}/${month}/${day}`;
        } else {
          displayText = dateStr;
        }
      }
      const bgColor = record.isPay === '是' ? 'black' : 'black';
      return h('div', { style: { color: bgColor } }, displayText);
    },
  },
  {
    title: '卖家',
    align: 'center',
    dataIndex: 'seller',
    customRender: ({ text, record }) => {
      const bgColor = record.isPay === '是' ? 'black' : 'black';
      const fontSize = record.isPay === '是' ? '15px' : '18px';
      const fontWeight = record.isPay === '是' ? 'normal' : 'bold';
      return h('div', { style: { color: bgColor, fontSize: fontSize, fontWeight: fontWeight } }, text);
    },
  },
  {
    title: '型号',
    align: 'center',
    dataIndex: 'model',
    customRender: ({ text, record }) => {
      const bgColor = record.isPay === '是' ? 'black' : 'black';
      return h('div', { style: { color: bgColor } }, text);
    },
  },
  // {
  //   title: '数量',
  //   align: "center",
  //   dataIndex: 'number'
  // },
  // {
  //   title: '单价',
  //   align: "center",
  //   dataIndex: 'unitPrice'
  // },
  {
    title: '金额',
    align: 'center',
    dataIndex: 'amount',
    customRender: ({ text, record }) => {
      const bgColor = record.isPay === '是' ? 'black' : 'black';
      return h('div', { style: { color: bgColor } }, text);
    },
  },
  // {
  //   title: '是否支付',
  //   align: 'center',
  //   dataIndex: 'isPay',
  // },
  // {
  //   title: '支付方式',
  //   align: 'center',
  //   dataIndex: 'paymentMethod',
  // },
  // {
  //   title: '所属公司',
  //   align: "center",
  //   dataIndex: 'companyId'
  // },
];

// 高级查询数据
export const superQuerySchema = {
  seller: { title: '卖家', order: 0, view: 'text', type: 'string' },
  model: { title: '类型', order: 1, view: 'text', type: 'string' },
  number: { title: '数量', order: 2, view: 'text', type: 'string' },
  unitPrice: { title: '单价', order: 3, view: 'text', type: 'string' },
  createTime: { title: '创建日期', order: 4, view: 'date', type: 'string' },
  amount: { title: '金额', order: 4, view: 'text', type: 'string' },
  isPay: { title: '是否支付', order: 5, view: 'text', type: 'string' },
  paymentMethod: { title: '支付方式', order: 6, view: 'text', type: 'string' },
  companyId: { title: '所属公司', order: 7, view: 'text', type: 'string' },
};
